<script language='javascript'>
    var formGrupo, panelAsociarMiembros, formAsociarRol, winDetail;
    var user_data;
    var group_user_data;
    var church_id;
    var _member_selected;
    $(document).ready(function() {

        function deleteItem(record){
            Rocket.Request({
                url: BASE_URL + 'grupos/del',
                data:record.definition,
                success:function(data) {
                    if (data.success){
                        grid.load();
                    }
                    else{
                        Rocket.Create({
                            type:'dialog',
                            title:'Error en la operacion',
                            typeAlert:'error',
                            message:_getErrorFromArray(data.errors)
                        });
                    }
                }
            });
        }

        function removeMember(record){
            Rocket.Create({
                type:'dialog',
                title:'Confirme la operacion',
                message:'Esta seguro que desea remover el usuario del Grupo?',
                typeAlert:'confirmation',
                onOkHanlder:function(){
                    var gridMembers = Rocket.get('rck_gridUserGroup');
                    Rocket.Request({
                        url: BASE_URL + 'rols/del',
                        data:record.definition,
                        success:function(data) {
                            if (data.success){
                                gridMembers.load();
                            }
                            else{
                                Rocket.Create({
                                    type:'dialog',
                                    title:'Error en la operacion',
                                    typeAlert:'error',
                                    message:_getErrorFromArray(data.errors)
                                });
                            }
                        }
                    });
                }
            });

        }
        function asociateMember(record,type){
            //obtenemos el grupo al que se le asociara el miembro
            var grupoModel = Rocket.get('gridGrupos').getSelectedItem()[0];
            var title   = '';
            var message = 'Operacion realizada con exito';
            if(type == 'add')    {
                title   = 'Asignar Persona a Grupo';
            }
            if(type == 'edit')
            {
                title = 'Editar Roles Usuario';
            }
            if(type == 'del')
            {
                title = 'Sacar usuario de grupo';
            }
            if(!formAsociarRol){
                formAsociarRol = Rocket.Create({
                    type:'panel',
                    id:'formAsociarRol',
                    title:title,
                    width:'50%',
                    collapsible:true,
                    modal:true,
                    isForm:true,
                    autoLoad:false,
                    proxy:{
                        url: BASE_URL+'rols/'+type
                    },
                    items: [
                        {
                            type: 'hidden',
                            name: '_GrupoId',
                            id:'rck_hidden_GrupoId'
                        },
                        {
                            type: 'label',
                            style:'font-size:1.1em;color:#424242;',
                            id:'rck_nombres'
                        },
                        {
                            type: 'label',
                            style:'font-size:1.1em;color:#424242;',
                            id:'rck_apellidos'
                        },
                        {
                            type:'hidden',
                            id:'rck_GrupoId',
                            label: 'GrupoId',
                            name: 'GrupoId'
                        },
                        {
                            type:'hidden',
                            id:'rck_UserId',
                            label: 'UserId',
                            name: 'UserId'
                        },
                        {
                            type: 'hidden',
                            name: '_TipoRolId',
                            id:'rck_hidden_TipoRolId'
                        },
                        {
                            type: 'hidden',
                            name: '_UserId',
                            id:'rck_hidden_UserId'
                        },
                        {
                            type: 'select',
                            autoLoad:false,
                            id:'rck_TipoRolId',
                            label: 'Rol',
                            name: 'TipoRolId',
                            dataField: 'nombrerol',
                            dataIndex:'TipoRolId',
                            proxy:{
                                url: BASE_URL + 'tiporols/loadList'
                            }
                        }
                    ],
                    buttons:[
                        {
                            type:'button',
                            id:'btnSaveRol',
                            value:'Guardar',
                            handler:function(){
                                formAsociarRol.submit({
                                    success:function(data){
                                        if(data.success){
                                            formAsociarRol.resetForm();
                                            formAsociarRol.close();
                                            Rocket.get('rck_gridUserGroup').load();
                                        }
                                        else{
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Error en la operacion',
                                                typeAlert:'error',
                                                message:_getErrorFromArray(data.errors)
                                            });
                                        }
                                    }
                                });
                            }
                        },
                        {
                            type:'button',
                            id:'btnCancelRol',
                            name:'cancel',
                            value:'Cancelar',
                            handler:function(){
                                formAsociarRol.resetForm();
                                formAsociarRol.close();
                            }
                        }
                    ]
                });
            }
            Rocket.get('rck_nombres').set('Nombres: '+record.get('nombre1')+' '+record.get('nombre2'));
            Rocket.get('rck_apellidos').set('Apellidos: '+record.get('apellido1')+' '+record.get('apellido2'));
            Rocket.get('rck_UserId').set(record.get('UserId'));
            Rocket.get('rck_GrupoId').set(grupoModel.get('GrupoId'));
            var cmbTipoRol = Rocket.get('rck_TipoRolId');
            if(type ==='edit'){
                //console.debug(record)
                
                cmbTipoRol.afterSuccess = function(){
                    cmbTipoRol.set(record.get('TipoRolId'));
                };
                Rocket.get('rck_hidden_UserId').set(record.get('UserId'));
                Rocket.get('rck_hidden_GrupoId').set(grupoModel.get('GrupoId'));
                Rocket.get('rck_hidden_TipoRolId').set(record.get('TipoRolId'));
                //cmbTipoRol.load();
            }
            else{
                cmbTipoRol.afterSuccess = function(){
                    cmbTipoRol.setSelectedItem(0);
                    //return;
                };
            }
            cmbTipoRol.load();
            formAsociarRol.proxy.url = BASE_URL+'rols/'+type;
            formAsociarRol.show();
        }
        function manageMembers(record){
            if(!panelAsociarMiembros){
                panelAsociarMiembros = Rocket.Create({
                    type:'panel',
                    id:'panelAsociarMiembros',
                    title:record.get('nombre'),
                    height:'500px',
                    collapsible:true,
                    modal:true,
                    width:'90%',
                    items:[
                        {
                            type: 'select',
                            autoLoad:true,
                            id:'rck_Iglesia',
                            label: 'Iglesia',
                            name: 'IglesiaId',
                            dataField: 'nombre',
                            dataIndex:'IglesiaId',
                            proxy:{
                                url: BASE_URL + 'iglesias/loadList'
                            },
                            change:function(model){
                                grid_user_iglesias = Rocket.get('rck_gridUserIglesias');
                                grid_user_iglesias.setExtraParams([{name:'IglesiaId', value:model.get('IglesiaId')}]);
                                grid_user_iglesias.load();
                                church_id = model.get('IglesiaId');
                            }
                        },
                        {
                            type:'grid',
                            id:'rck_gridUserIglesias',
                            width:'45%',
                            heigth:400,
                            title:'Miembros Iglesia',
                            autoLoad:false,
                            fit:true,
                            style:'float:left;',
                            proxy:{
                                url:BASE_URL+'grupos/load_user_church'
                            },
                            columns:[
                                {display: 'ID',name: 'UserId',hide:true, width:'10',sortable:true},
                                {display: 'Grupo',name: 'GrupoId',hide:true, width:'10',sortable:true},
                                {display: 'TipoRol',name: 'TipoRolId',hide:true, width:'10',sortable:true},
                                {display: 'Primer nombre',name: 'nombre1', width:'10',sortable:true},
                                {display: 'Segundo nombre',name: 'nombre2', width:'10',sortable:true},
                                {display: 'Apellido paterno',name: 'apellido1', width:'10',sortable:true},
                                {display: 'Apellido materno',name: 'apellido2', width:'10',sortable:true},
                                {display: 'Fono',name: 'fono_fijo', width:'10',sortable:true},
                                {display: 'Movil',name: 'fono_movil', width:'10',sortable:true},
                                {
                                    display:'Detalle',
                                    name:'Acciones',
                                    width:'1',
                                    align:'center',
                                    type:'action',
                                    items:[
                                        {
                                            title:'Detalle',
                                            iconCls:'rck-icon-search',
                                            handler:function(record){
                                                Rocket.Request({
                                                    url: BASE_URL + 'users/det_user',
                                                    data:{
                                                        userId : record.get('UserId'),
                                                        user_name : record.get('nombre1')+' '+record.get('apellido1')},
                                                        success:function(data) {
                                                            if (data.success){
                                                                 displayUserData(data);   
                                                            }
                                                            else{

                                                                Rocket.Create({
                                                                    type:'dialog',
                                                                    title:'Error en la operacion',
                                                                    typeAlert:'error',
                                                                    message:_getErrorFromArray(data.errors)
                                                                });
                                                            }
                                                        }
                                                    });
                                                //jQuery('#liNombre').text(record.get('nombre1')+' '+record.get('nombre2')+' '+record.get('apellido1')+' '+record.get('apellido2'));
                                                //jQuery('#liRut').text(record.get('rut'));
                                                //jQuery('#liFechaNacimiento').text(record.get('fechanacimiento'));
                                                //jQuery('#imgAvatar').attr('src','http://wuaja.files.wordpress.com/2009/01/avatar-juanelo.png?w=455');
                                                winDetail.show();
                                            }
                                        }
                                    ]
                                }
                            ],
                            searchitems : [
                                {display: 'nombre1',name: 'nombre1', width:'10',sortable:true},
                                {display: 'nombre2',name: 'nombre2', width:'10',sortable:true},
                                {display: 'apellido1',name: 'apellido1', width:'10',sortable:true},
                                {display: 'apellido2',name: 'apellido2', width:'10',sortable:true},
                                {display: 'username',name: 'username', width:'10',sortable:true},
                                {display: 'fono_fijo',name: 'fono_fijo', width:'10',sortable:true},
                                {display: 'fono_movil',name: 'fono_movil', width:'10',sortable:true},
                                {display: 'email',name: 'email', width:'10',sortable:true}
                            ]
                        },
                        {
                            type:'button',
                            id:'btnAsociarMember',
                            style:'float:left;margin:10% 10px 0 10px;',
                            value:'Asignar',
                            handler:function(){
                                model = Rocket.get('rck_gridUserIglesias').getSelectedItem()[0];
                                if(model)
                                    asociateMember(model,'add');
                            }
                        },
                        {
                            type:'grid',
                            id:'rck_gridUserGroup',
                            width:'45%',
                            heigth:400,
                            title:'Miembros del Grupo',
                            autoLoad:false,
                            fit:true,
                            style:'float:left;',
                            proxy:{
                                url:BASE_URL+'grupos/loadUserGroup'
                            },
                            columns: [
                                {display: 'Rol',name: 'nombrerol', width:'10',sortable:true},
                                {display: 'ID',name: 'UserId',hide:true, width:'10',sortable:true},
                                {display: 'Grupo',name: 'GrupoId',hide:true, width:'10',sortable:true},
                                {display: 'TipoRol',name: 'TipoRolId',hide:true, width:'10',sortable:true},
                                {display: 'Rut',name: 'rut', width:'10',sortable:true},
                                {display: 'Nombres',name: 'nombres', width:'30',sortable:true},
                                {display: 'Apellidos',name: 'apellidos', width:'30',sortable:true},
                                {display: 'Sexo',name: 'sexo', width:'10',sortable:true},
                                {display: 'Direccion',name: 'direccion', width:'10',sortable:true},
                                {
                                    display:'Detalle',
                                    name:'Acciones',
                                    width:'1',
                                    align:'center',
                                    type:'action',
                                    items:[
                                        {
                                            title:'Detalle',
                                            iconCls:'rck-icon-search',
                                            handler:function(record){
                                                Rocket.Request({
                                                    url: BASE_URL + 'users/det_user',
                                                    data:{
                                                        userId : record.get('UserId'),
                                                        user_name : record.get('nombres')+' '+record.get('apellidos')},
                                                        success:function(data) {
                                                            if (data.success){
                                                                 displayUserData(data);   
                                                            }
                                                            else{

                                                                Rocket.Create({
                                                                    type:'dialog',
                                                                    title:'Error en la operacion',
                                                                    typeAlert:'error',
                                                                    message:_getErrorFromArray(data.errors)
                                                                });
                                                            }
                                                        }
                                                    });
                                                //jQuery('#liNombre').text(record.get('nombre1')+' '+record.get('nombre2')+' '+record.get('apellido1')+' '+record.get('apellido2'));
                                                //jQuery('#liRut').text(record.get('rut'));
                                                //jQuery('#liFechaNacimiento').text(record.get('fechanacimiento'));
                                                //jQuery('#imgAvatar').attr('src','http://wuaja.files.wordpress.com/2009/01/avatar-juanelo.png?w=455');
                                                winDetail.show();
                                            }
                                        },
                                        {
                                            title:'Editar',
                                            iconCls:'rck-icon-edit',
                                            handler:function(model){
                                                _member_selected = model;
                                                //model = Rocket.get('rck_gridUserGroup').getSelectedItem()[0];
                                                asociateMember(model,'edit');
                                            }
                                        },
                                        {
                                            title:'Remover',
                                            iconCls:'rck-icon-del',
                                            handler:function(model){
                                                //model = Rocket.get('rck_gridUserGroup').getSelectedItem()[0];
                                                removeMember(model)
                                            }
                                        }
                                    ]
                                }
                            ],
                            itemClick:function(record){
                                user_data = record;
                            },
                            searchitems : [
                            {display: 'rol',name: 'rol', width:'10',sortable:true},
                            {display: 'rut',name: 'rut', width:'10',sortable:true},
                            {display: 'Nombres',name: 'nombre1', width:'10',sortable:true},
                            {display: 'Apellidos',name: 'apellido1', width:'10',sortable:true},
                            {display: 'Sexo',name: 'sexo', width:'10',sortable:true},
                            {display: 'Direccion',name: 'direccion', width:'10',sortable:true}
                            ]

                        }
                    ]
                })
            }

            //panelAsociarMiembros.setTitle('Grupo: '+record.get('nombre'))

            var gridGroupMembers = Rocket.get('rck_gridUserGroup');
            panelAsociarMiembros.setTitleDialog('Administrar miembros de Grupo '+record.get('nombre'));
            gridGroupMembers.setExtraParams([
                {name:'GrupoId',value:record.get('GrupoId')}
            ]);
            gridGroupMembers.load()
            panelAsociarMiembros.show();
        }

        function showForm(record,type){
            var title = 'Crear Grupos';
            if(type === 'edit'){
                title = 'Editar Grupos';
            }
            if(!formGrupo){
                formGrupo = Rocket.Create({
                    type:'panel',
                    id:'formGrupo',
                    title:title,
                    width:'50%',
                    collapsible:true,
                    modal:true,
                    isForm:true,
                    autoLoad:false,
                    proxy:{
                        url: BASE_URL+'grupos/'+type
                    },
                    items: [
                        {
                            type: 'hidden',
                            id:'rck_GrupoId',
                            label: 'GrupoId',
                            name: 'GrupoId'
                        },
                        {
                            type: 'hidden',
                            name: '_GrupoId',
                            id:'rck_hidden_GrupoId'
                        },
                        {
                            type: 'text',
                            label: 'Nombre',
                            name: 'nombre',
                            id:'rck_nombre'
                        },
                        {
                            type: 'hidden',
                            label: 'created',
                            name: 'created',
                            id:'rck_created'
                        },
                        {
                            type: 'hidden',
                            label: 'Log',
                            name: 'Log',
                            id:'rck_Log'
                        },
                        {
                            type: 'text',
                            label: 'Direccion',
                            name: 'direccion',
                            id:'rck_direccion'
                        },
                        {
                            type: 'select',
                            label: 'Dia reunion',
                            name: 'dia_reunion',
                            id:'rck_dia_reunion',
                            dataField:'texts',
                            dataIndex:'value',
                            fields:[
                                {value:'LUNES',texts:'LUNES'},
                                {value:'MARTES',texts:'MARTES'},
                                {value:'MIERCOLES',texts:'MIERCOLES'},
                                {value:'JUEVES',texts:'JUEVES'},
                                {value:'VIERNES',texts:'VIERNES'},
                                {value:'SABADO',texts:'SABADO'},
                                {value:'DOMINGO',texts:'DOMINGO'}
                            ]
                        },
                        {
                            type: 'select',
                            label: 'Hora reunion',
                            name: 'hora_reunion',
                            id:'rck_hora_reunion',
                            dataField:'text',
                            dataIndex:'value',
                            fields:[
                                {value:'7:00',text:'7:00'},
                                {value:'8:00',text:'8:00'},{value:'9:00',text:'9:00'},
                                {value:'10:00',text:'10:00'},{value:'11:00',text:'11:00'},
                                {value:'12:00',text:'12:00'},{value:'13:00',text:'13:00'},
                                {value:'14:00',text:'14:00'},{value:'15:00',text:'15:00'},
                                {value:'16:00',text:'16:00'},{value:'17:00',text:'17:00'},
                                {value:'18:00',text:'18:00'},{value:'19:00',text:'19:00'},
                                {value:'20:00',text:'20:00'},{value:'21:00',text:'21:00'},
                                {value:'22:00',text:'22:00'},{value:'23:00',text:'23:00'},
                                {value:'24:00',text:'24:00'}
                            ]
                        },
                        {
                            type: 'datefield',
                            label: 'Fecha inicio',
                            dateFormat:'yy-mm-dd',
                            name: 'fecha_inicio',
                            id:'rck_fecha_inicio'
                        },
                        {
                            type: 'datefield',
                            label: 'Fecha termino',
                            name: 'fecha_termino',
                            id:'rck_fecha_termino',
                            dateFormat:'yy-mm-dd'
                        },
                        {
                            type: 'radiogroup',
                            label: 'Estado',
                            name: 'estado',
                            id:'rck_estado',
                            fields:[
                                {
                                    text:'ACTIVO',
                                    value:'ACTIVO',
                                    name:'estado',
                                    checked:true
                                },
                                {
                                    text:'INACTIVO',
                                    value:'INACTIVO',
                                    name:'estado' 
                                }
                            ]
                        },
                        {
                            type: 'text',
                            label: 'Observacion',
                            name: 'observacion',
                            id:'rck_observacion'
                        },
                        {
                            type: 'select',
                            autoLoad:true,
                            id:'rck_TipoGrupoId',
                            label: 'Tipo',
                            name: 'TipoGrupoId',
                            dataField: 'nombre',
                            dataIndex:'TipoGrupoId',
                            proxy:{
                                url: BASE_URL + 'tipogrupos/loadList'
                            }
                        },
                        {
                            type: 'hidden',
                            name: '_TipoGrupoId',
                            id:'rck_hidden_TipoGrupoId'
                        },
                        {
                            type: 'select',
                            autoLoad:false,
                            id:'rck_comunas',
                            label: 'Comuna',
                            name: 'comuna_id',
                            dataField: 'nombre',
                            dataIndex:'id',
                            proxy:{
                                url: BASE_URL + 'comunas/loadList'
                                //>>>>>>> .r61
                            },
                            change:function(model){
                                cmbSector = Rocket.get('rck_SectorId');
                                cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                            }
                            //style:'float:left;width:40%;'
                        },
                        {
                            type: 'select',
                            autoLoad:false,
                            id:'rck_SectorId',
                            label: 'Sector',
                            name: 'SectorId',
                            dataField: 'nombre',
                            dataIndex:'SectorId',
                            proxy:{
                                url: BASE_URL + 'sectors/loadList'
                            }
                        },
                        {
                            type: 'hidden',
                            name: '_SectorId',
                            id:'rck_hidden_SectorId'
                        },
                        {
                            type: 'select',
                            autoLoad:true,
                            id:'rck_IglesiaId',
                            label: 'Iglesia',
                            name: 'IglesiaId',
                            dataField: 'nombre',
                            dataIndex:'IglesiaId',
                            proxy:{
                                url: BASE_URL + 'iglesias/loadList'
                            }
                        },
                        {
                            type: 'hidden',
                            name: '_IglesiaId',
                            id:'rck_hidden_IglesiaId'
                        }
                    ],
                    buttons:[
                        {
                            type:'button',
                            id:'btnSaveGroup',
                            name:'submit',
                            value:'Guardar',
                            handler:function(){
                                if(type == 'add') Rocket.get('rck_created').set(new Date().getTime());
                                //console.debug(Rocket.get('rck_fecha_inicio'));
                                //new Date().getTime();
                                var values = formGrupo.getValues();
                                
                                
                                
                                formGrupo.submit({
                                    data:values,
                                    success:function(data){
                                        if(data.success){
                                            formGrupo.resetForm();
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Operaci\u00F3n exitosa',
                                                typeAlert:'success',
                                                message:data.msg
                                            });
                                            grid.load();
                                            formGrupo.close();
                                        }
                                        else{
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Error en la operacion',
                                                typeAlert:'error',
                                                message:_getErrorFromArray(data.errors)
                                            });
                                        }
                                    }
                                });
                            }
                        },
                        {
                            type:'button',
                            id:'btnCancel',
                            name:'cancel',
                            value:'Cancelar',
                            handler:function(){
                                formGrupo.resetForm();
                                formGrupo.close();
                            }
                        }
                    ]
                            
                });
            }
            else{
                formGrupo.setTitleDialog(title);
            }
            cmbComunas = Rocket.get('rck_comunas');
            cmbSector = Rocket.get('rck_SectorId');
            
            if(type==='edit'){
                
                cmbComunas.afterSuccess = function(){
                    var get = {item:Rocket.encode(record.definition)}
                    formGrupo.fill({
                        proxy:{url:BASE_URL+'grupos/getItem'},
                        data:get,
                        success:function(data){
                            model = cmbComunas.getSelectedItem();
                            cmbSector.afterSuccess = function(){
                                cmbSector.set(data.data.SectorId)
                            }

                            cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                            formGrupo.proxy.url = BASE_URL+'grupos/edit';
                            formGrupo.show();
                        }
                    });
                }
                cmbComunas.load();
            }
            else if(type ==='add'){
                cmbSector.afterSuccess = function(){
                    if(cmbSector.modelItems.length>0){
                        cmbSector.setSelectedItem(0);
                    }
                }
                cmbComunas.afterSuccess = function(){
                    Rocket.get('rck_comunas').setSelectedItem(0);
                    model = cmbComunas.getSelectedItem();
                    cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                }
                cmbComunas.load();
                formGrupo.proxy.url = BASE_URL+'grupos/add';
                formGrupo.show();
            }
          
        }
        
        grid = Rocket.Create({
            type:'grid',
            id: 'gridGrupos',
            width:'100%',
            height:400,
            //title:'Grupos',
            collapsible:true,
            autoLoad:true,
            fit:true,
            renderTo:'divGrupos',
            proxy:{
                url:BASE_URL+'grupos/loadGrid'
            },
            toolbar:[
                {
                    type:'button',
                    id:'addgrupos',
                    value:'Agregar',
                    iconCls:'rck-icon-add',
                    handler:function(){
                        showForm(null,'add');
                    }
                }
            ],
            columns: [{display: 'ID',name: 'GrupoId', width:'10',sortable:true},
                {display: 'Nombre Grupo',name: 'nombre', width:'10',sortable:true},
                {display: 'Creado',name: 'created', width:'10',sortable:true},
                {display: 'Log',name: 'Log', width:'10',sortable:true},
                {display: 'Direccion',name: 'direccion', width:'10',sortable:true},
                {display: 'Dia reunion',name: 'dia_reunion', width:'10',sortable:true},
                {display: 'Hora reunion',name: 'hora_reunion', width:'10',sortable:true},
                {display: 'Fecha inicio',name: 'fecha_inicio', width:'10',sortable:true},
                {display: 'Fecha termino',name: 'fecha_termino', width:'10',sortable:true},
                {display: 'Estado',name: 'estado', width:'10',sortable:true},
                {display: 'Observacion',name: 'observacion', width:'10',sortable:true},
                {display: 'TipoGrupoId',name: 'TipoGrupoId',hide:true, width:'10',sortable:true},
                {display: 'Tipo Grupo',name: 'TipoGrupo', width:'10',sortable:true},
                {display: 'SectorId',name: 'SectorId',hide:true, width:'10',sortable:true},
                {display: 'Sector',name: 'Sector', width:'10',sortable:true},
                {display: 'IglesiaId',name: 'IglesiaId',hide:true, width:'10',sortable:true},
                {display: 'Iglesia',name: 'Iglesia', width:'10',sortable:true},
                {
                    display:'Acciones',
                    name:'Acciones',
                    width:'40',
                    align:'center',
                    type:'action',
                    items:[
                        {
                            title:'Asignacion grupos',
                            iconCls:'rck-icon-group',
                            handler:function(record){
                                manageMembers(record)
                                //location.href = BASE_URL+'grupos/user_groups?group_id='+record.get('GrupoId');
                            }
                        },
                        {
                            title:'Editar',
                            iconCls:'rck-icon-edit',
                            handler:function(record){
                                showForm(record,'edit');
                            }
                        },
                        {
                            title:'Eliminar',
                            iconCls:'rck-icon-del',
                            handler:function(record){
                                var model = record;
                                Rocket.Create({
                                    type:'dialog',
                                    title:'Confirme la operacion',
                                    typeAlert:'confirmation',
                                    message:'Esta seguro que desea eliminar el registro seleccionado?',
                                    onOkHanlder:function(){
                                        deleteItem(model);
                                    }
                                });
                            }
                        }
                    ]
                }
            ]
            ,
            searchitems : [
                {display: 'ID',name: 'GrupoId', width:'10',sortable:true},
                {display: 'Nombre Grupo',name: 'nombre', width:'10',sortable:true},
                {display: 'Direccion',name: 'direccion', width:'10',sortable:true},
                {display: 'Dia Reunion',name: 'dia_reunion', width:'10',sortable:true},
                {display: 'Hora Reunion',name: 'hora_reunion', width:'10',sortable:true},
                {display: 'Estado',name: 'estado', width:'10',sortable:true},
                {display: 'Observacion',name: 'observacion', width:'10',sortable:true},
                {display: 'Tipo Grupo',name: 'TipoGrupo', width:'10',sortable:true},
                {display: 'Sector',name: 'Sector', width:'10',sortable:true},
                {display: 'Iglesia',name: 'Iglesia', width:'10',sortable:true}
            ]
        });
        
        
        
        
        var detailUserHtml = $("#detailUser").html();
        $("#detailUser").html('');

        winDetail = Rocket.Create({
            type:'panel',
            id: 'winDetail',
            width:'80%',
            height:500,
            title:'Detalle Usuario',
            modal:true,
            items:[
                {
                    type:'panel',
                    id: 'winUser',
                    width:'100%',
                    height:500,
                    renderTo:'detailUser',
                    html:detailUserHtml,
                    style:'background-color:#FFFFFF;padding:5px;border:1px solid #949494;'
                }
            ],
            buttons:[
                {
                    type:'button',
                    id:'close',
                    value:'Cerrar',
                    handler:function(){
                        winDetail.close();
                    }
                }
            ]
        });
        $(".lnkActivity").live('click',function(){
            $(this).parent().next().toggle('slow');
        });
        
        function displayUserData(data){
            jQuery('#imgAvatar').attr('src',data.data.DATA[0]['avatar']);
            jQuery('#liRut').text(data.data.DATA[0]['rut']);
            jQuery('#liNombre').text(data.data.DATA[0]['nombre1']+' '+data.data.DATA[0]['nombre2']+' '+data.data.DATA[0]['apellido1']+' '+data.data.DATA[0]['apellido2']);
            jQuery('#liFechaNacimiento').text(data.data.DATA[0]['fechanacimiento']);
            jQuery('#liEmail').text(data.data.DATA[0]['email']);
            jQuery('#liSexo').text(data.data.DATA[0]['sexo']);
            jQuery('#liFonoMovil').text(data.data.DATA[0]['fono_movil']);
            jQuery('#liFonoFijo').text(data.data.DATA[0]['fono_fijo']);
            jQuery('#liDireccion').text(data.data.DATA[0]['direccion']);
            jQuery('#liOficio').text(' '+data.data.OFICIO);
            
            jQuery('#LiEncuentros').children("li").remove();
            for (var x = 1;x<=data.data.GROUPS.length;x++){
                     if(data.data.GROUPS[x-1]['disp'] == 'Y') jQuery('#LiEncuentros').append('<li><label>'+data.data.GROUPS[x-1]['name']+': </label><div id="liPreEncuentro" class="rck-icon-tick"></div></li>');
                     else jQuery('#LiEncuentros').append('<li><label>'+data.data.GROUPS[x-1]['name']+': </label><div id="liPreEncuentro" class="rck-icon-none"></div></li>');
            }
            jQuery('#ulCurrents').children("li").remove();
            for (var x = data.data.GEN.length;x>=1;x--){
                  jQuery('#ulCurrents').append('<li>'+data.data.GEN[x-1]['user_name']+'</li>');    
                  if(x>1) jQuery('#ulCurrents').append('<li class="arrow"></li>');
            }
            
            jQuery('#ulCurrentp').children("li").remove();
            jQuery('#ulCurrentp').children("ul").remove();
            jQuery('#ulCurrentp').children("label").remove();
            jQuery('#ulCurrentp').children("strong").remove();
            
            //console.debug(data.data.T[0]['group_data'][0]['leader_data'].length);
            for (var x = 1;x<=data.data.T.length;x++){
                  jQuery('#ulCurrentp').append('<li>');
                  jQuery('#ulCurrentp').append('<label><strong>'+data.data.T[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.T[x-1]['nombre']+'</a></label>'); 
                  jQuery('#ulCurrentp').append('<ul>');
                  jQuery('#ulCurrentp').append('<li>Direccion : '+data.data.T[x-1]['group_data'][0]['direccion']+'</li>');
                  jQuery('#ulCurrentp').append('<li>Reunion : '+data.data.T[x-1]['group_data'][0]['dia_reunion']+' '+data.data.T[x-1]['group_data'][0]['hora_reunion']+'</li>');
                  jQuery('#ulCurrentp').append('<li>Iglesia : '+data.data.T[x-1]['group_data'][0]['nombre']+'</li>');
                  if(data.data.T[x-1]['group_data'][0]['leader_data'].length >0){
                  jQuery('#ulCurrentp').append('<li>Lider : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                  jQuery('#ulCurrentp').append('<li>Email Lider : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                  jQuery('#ulCurrentp').append('<li>Telefonos : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                  }
                  jQuery('#ulCurrentp').append('</ul>');
                  jQuery('#ulCurrentp').append('</li>');
            }
            
            jQuery('#ulCurrentf').children("li").remove();
            jQuery('#ulCurrentf').children("ul").remove();
            jQuery('#ulCurrentf').children("label").remove();
            jQuery('#ulCurrentf').children("strong").remove();
            for (var x = 1;x<=data.data.F.length;x++){
                  jQuery('#ulCurrentf').append('<li>');
                  jQuery('#ulCurrentf').append('<label><strong>'+data.data.F[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.F[x-1]['nombre']+'</a></label>'); 
                  jQuery('#ulCurrentf').append('<ul>');
                  jQuery('#ulCurrentf').append('<li>Direccion : '+data.data.F[x-1]['group_data'][0]['direccion']+'</li>');
                  jQuery('#ulCurrentf').append('<li>Reunion : '+data.data.F[x-1]['group_data'][0]['dia_reunion']+' '+data.data.F[x-1]['group_data'][0]['hora_reunion']+'</li>');
                  jQuery('#ulCurrentf').append('<li>Iglesia : '+data.data.F[x-1]['group_data'][0]['nombre']+'</li>');
                  if(data.data.F[x-1]['group_data'][0]['leader_data'].length >0){
                  jQuery('#ulCurrentf').append('<li>Lider : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                  jQuery('#ulCurrentf').append('<li>Email Lider : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                  jQuery('#ulCurrentf').append('<li>Telefonos : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                  }
                  jQuery('#ulCurrentf').append('</ul>');
                  jQuery('#ulCurrentf').append('</li>');
            }
            
            jQuery('#ulCurrentPast').children("li").remove();
            jQuery('#ulCurrentPast').children("ul").remove();
            jQuery('#ulCurrentPast').children("label").remove();
            jQuery('#ulCurrentPast').children("strong").remove();
            for (var x = 1;x<=data.data.P.length;x++){
                  jQuery('#ulCurrentPast').append('<li>');
                  jQuery('#ulCurrentPast').append('<label><strong>'+data.data.P[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.P[x-1]['nombre']+'</a></label>'); 
                  jQuery('#ulCurrentPast').append('<ul>');
                  jQuery('#ulCurrentPast').append('<li>Direccion : '+data.data.P[x-1]['group_data'][0]['direccion']+'</li>');
                  jQuery('#ulCurrentPast').append('<li>Reunion : '+data.data.P[x-1]['group_data'][0]['dia_reunion']+' '+data.data.P[x-1]['group_data'][0]['hora_reunion']+'</li>'); 
                  jQuery('#ulCurrentPast').append('<li>Iglesia : '+data.data.P[x-1]['group_data'][0]['nombre']+'</li>');
                  if(data.data.P[x-1]['group_data'][0]['leader_data'].length >0){
                  jQuery('#ulCurrentPast').append('<li>Lider : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                  jQuery('#ulCurrentPast').append('<li>Email Lider : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                  jQuery('#ulCurrentPast').append('<li>Telefonos : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                  }
                  jQuery('#ulCurrentPast').append('</ul>');
                  jQuery('#ulCurrentPast').append('</li>');
            }
            
            
        }
        
    });
</script>
<?php echo utf8_decode($module_banner);?>
<ul class='ul_page'>
    <li><div id='divGrupos'></div></li>
</ul>

<div id="detailUser" style="display:none;">
    <div class="dLeft">
        <img id="imgAvatar"/>
        <ul>
            <li><span class="titulo_nice" id="liNombre"></span></li>
            <li><label>Rut: </label><span id="liRut"></span></li>
            <li><label>Sexo: </label><span id="liSexo"></span></li>
            <li><label>Fecha Nac.: </label><span id="liFechaNacimiento"></span></li>
            <li><label>Oficio: </label><span id="liOficio"></span></li>
            <li class="li_title">datos de contacto</li>
            <li><label>Email: </label><span id="liEmail"></span></li>
            <li><label>Teléfono móvil: </label><span id="liFonoMovil"></span></li>
            <li><label>Teléfono fijo: </label><span id="liFonoFijo"></span></li>
            <li><label>Dirección: </label><span id="liDireccion"></span></li>
            <li class="li_title">datos ministeriales</li>
            <li id="LiEncuentros"></li>
            
        </ul>
    </div>
    <div class="dRight">
        <div>
            <ul>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">Participa actualmente como</a></label>
                    <ul class="ulDetail" id="ulCurrentp">
                    </ul>
                </li>
                <li><hr></li>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">Participará como</a></label>
                    <ul class="ulDetail" id="ulCurrentf">
                    </ul>
                </li>
                <li><hr></li>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">ah Participado como</a></label>
                    <ul class="ulDetail" id="ulCurrentPast">
                    </ul>
                </li>
            </ul>
        </div>
        <ul>
            <li class="ulGen">
                <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">genealogía</a></label>
                <ul class="ulDetail" id="ulCurrents">
                </ul>
            </li>
        </ul>
    </div>
</div>

<?php
?> 